
<template>
  <div class="cards">
    <div class="card">
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="设备型号" name="first">
          <div class="but">
            <div>
              <el-button size="small" icon="el-icon-printer">筛选</el-button>
            </div>
            <div>
              <el-button type="primary" size="small" icon="el-icon-plus"
                >添加</el-button
              >
              <el-button size="small" icon="el-icon-delete">删除</el-button>
              <el-button size="small" icon="el-icon-refresh">刷新</el-button>
              <el-button size="small" icon="el-icon-upload">导出</el-button>
            </div>
          </div>
          <el-table v-loading="loading" height="400px" border>
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column
              label="操作"
              align="center"
              class-name="small-padding fixed-width"
              label-position="left"
              fixed="left"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="text"
                  icon="el-icon-edit"
                  @click="handleUpdate(scope.row)"
                  >编辑</el-button
                >
                <el-button
                  size="mini"
                  type="text"
                  icon="el-icon-delete"
                  @click="handleDelete(scope.row)"
                  >删除</el-button
                >
              </template>
            </el-table-column>
            <el-table-column label="FBS型号" align="center" prop="userName" />
            <el-table-column
              label="福玻斯型号"
              align="center"
              prop="nickName"
            />
            <el-table-column
              label="CTI处理标准水量"
              align="center"
              prop="userType"
            />

            <el-table-column label="长L" align="center" prop="email" />
            <el-table-column label="宽W" align="center" prop="email" />
            <el-table-column label="高H" align="center" prop="email" />
            <el-table-column label="直径D" align="center" prop="email" />
            <el-table-column label="风机功率" align="center" prop="email" />
            <el-table-column label="风量m3/h" align="center" prop="email" />
            <el-table-column label="喷淋泵功率" align="center" prop="email" />
            <el-table-column label="设备进出水" align="center" prop="email" />
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="选型系数" name="second"></el-tab-pane>
        <el-tab-pane label="用户管理" name="third"></el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "first",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>

<style lang="scss" scoped>
@import "../../public/styles/system.scss";
</style>